(function() {

	//more
	var oHeight = parseInt($('.brand').css('height'));
	var isLong = true;
	var contraction = $("[data-role='contraction']");
	
	$('.more span:first').on('click', function() {
		if(isLong == true) {
			$('.more span:first i').css('transform', 'rotate(180deg)')
			$('.brand').animate({
				height: oHeight + 300 + 'px',
			}, 300)
			isLong = false;
			return;
		}
		if(isLong == false) {
			$('.more span:first i').css('transform', 'rotate(0deg)')
			$('.brand').animate({
				height: oHeight,
			}, 300)
			isLong = true;
			return;
		}
	})
	
	$('.more span:last').on('click', function() {
		var oHeight2 = parseInt($('.brand').css('height'));
		if(oHeight2<oHeight &&isLong == false){
			$('.more span:first i').css('transform', 'rotate(0deg)')
			$('.brand').animate({
				height: oHeight,
			}, 300)
			isLong = true;
			return;
		}
		if(isLong == true) {
			$('.more span:first i').css('transform', 'rotate(180deg)')
			$('.brand').animate({
				height: oHeight + 300 + 'px',
			}, 300)
			isLong = false;
			return;
		}
	})

	//brand_hide 隐藏
	$('.more span:last').on('click', function() {
		$('.brand').css({
			'border': '2px solid #EDD28B'
		})
		$('.brand_name').css('display', 'none');
		$('.brand .name').css('background', '#FFFDEE');
		$('.more').css('display', 'none');
		$('.brand_hide').css('display', 'block');
	}) 

	//brand_hide close 还原
	$('.choose .close').on('click', function() {
		$('.brand').css({
			'border': ''
		})
		$('.brand_name').css('display', 'block');
		$('.brand .name').css('background', '');
		$('.more').css('display', 'block');
		$('.brand_hide').css('display', 'none');
		if(isLong == false) {
			$('.more span:first i').css('transform', 'rotate(0deg)')
			$('.brand').animate({
				height: oHeight,
			}, 300)
			isLong = true;
			return;
		}
	})
 
	//点击删除标签
	$('.selected_content span ').on('click','i', function() {
			$(this).parents('span').remove();
	})
	
	
	//box_content 点击标签打钩/再次点击取消样式
	//点击时候为克隆添加类名,类名为标签内容
	//再次点击的时候删除相同的类名标签
	$('.box_content span').addClass('no');
	$('.box_content span').on('click', function() {
		//显示确认按钮
		
		if($(this).hasClass('no')){
			$(this).find('i').css('background','url(../../images/exports/list_goods/search.ele.png)no-repeat -1px -107px');
			$(this).find('i').css('border-color','#9D261D');
			$(this).addClass($(this).text().replace(/\s/g, ""));
			$(this).clone().appendTo($('.selected'));
			$(this).removeClass('no');
			$(this).addClass('RD');
			
			if($('.selected:has(span)')){
				$('.confirm').css('display','inline-block');
			}
			return;
		}

		if($(this).hasClass('RD')){
			$(this).find('i').css('background','none');
			$(this).find('i').css('border-color','');
			$('.selected'+' '+'.'+$(this).text().replace(/\s/g, "")).remove();
			$(this).removeClass('RD');
			$(this).addClass('no');
			return;
		}
	})
	
	//点击删除已选择的标签/并把上面的样式清空
	$('.selected').on('click','span',function(){
		var oSe = $('.box_content'+' '+'.'+$(this).text().replace(/\s/g, ""));
		oSe.addClass('remove');
		if(oSe.hasClass('remove')){
			oSe.find('i').css('background','none');
			oSe.find('i').css('border-color','');
			oSe.removeClass('RD');
			oSe.addClass('no');
		}
		$(this).remove();
		if($('.selected span').length==0){
			$('.confirm').css('display','none');
		}
	})
	
	//brand_brand_nav li样式 移进
	$('.brand_brand_nav .box_title li').on('mouseover', function() {
		$(this).css({
			'border': '1px solid #9D261D',
			'color': '#9D261D'
		});
	})

	//brand_brand_nav li样式 移出
	$('.brand_brand_nav .box_title li').on('mouseout', function() {
		$(this).css({
			'border': '1px solid #FFFFFF',
			'color': ''
		});
	})

	//ne 样式
	var oIs;
	$('.ne').on('mouseover', function() {
		var oNumber = $(this).index();
		oIs = $('.box_content li span').eq(oNumber).attr('data');
		if(oIs ==$(this).text()){
			$('.box_content li span').css('display','none');
			$('.'+oIs).css('display','inline-block');
			return;
		}
	});
	
	//all 样式 显示所有品牌
	$('.all').on('mouseover', function() {
		$('.box_content li span').css('display','inline-block')
	});

	//跳转页边框
	$('.skip a').on('click', function() {
		$('.skip a').css({
			'border': '1px solid #E7E7E7',
			'color': '#000000'
		});
		$(this).css({
			'border': '1px solid red',
			'color': 'red'
		});
	})
	
	//鼠标移进去有提示
	$('.box_content li span').on('mouseover',function(){
		$(this).attr('title',$(this).text());
	})
	
	//鼠标移进去有提示
	$('.selected li span').on('mouseover',function(){
		$(this).attr('title',$(this).text());
	})
	
	//左侧收缩框
	contraction.children("dt").on("click", function() {
		$(this).toggleClass("show");
	});
})()